
@import url(./index.less);
@import url(../../../styles/common.less);

@my_image: '../../../assets/my.jpg';

.job_section{
    .flex(@jc: flex-start;@fd: column;);
    .job_part();
    background: linear-gradient(var(--bgMain), var(--primaryColor);) 
}

:global{
    .print_content{
        display: flex;
        justify-content: center;
        align-items: flex-end;
        border-radius: 3rem;
    }
}

@media screen and (min-width: @mobile_screen) {
    .theme_icon{
        font-size: 3rem;
        // color: #fff;
        color: var(--iconColor);
        cursor: pointer;
        padding-right: 1rem;
      }
      .header{
        width: 100%;
        height: 4rem;
        .flex(@jc: flex-end;);
      }
      .content{
        flex: 1;
        .flex();
        // padding: 0 10rem;
        width: 100%;
        font-size: 5rem;
        .image{
            background: url(@my_image);
            background-size: 138%;
            background-position-y: -8rem;
            background-position-x: -2rem;
            border-radius: 9rem;
            height: 28rem;
            margin-right: 11rem;
            width: 20rem;
            min-width: 20rem;
        }
        .name{
            .flex(@fd: column);
            font-family: denglong;
            color:var(--textTitleColor) ;
            .position_label{
              font-size: 3rem;
            }
        }
      }
  }

@media screen and (max-width: @mobile_screen) {
  .job_section{
    .job_part_mobile();
}
  .content{
    .flex(@fd: column);
    flex: 1;
    .image{
        background: url(@my_image);
        background-size: 100%;
        background-position-y: -4.5rem;
        background-position-x: 0.5rem;
        width: 13rem;
        height: 13rem;
        min-width: 13rem;
        border-radius: 50%;
        margin-bottom: 6rem;
    }
    .name{
        color:var(--textTitleColor) ;
        font-size: 1.5rem;
        width: 100vw;
        .flex(@fd: column);
        font-family: denglong;
        .position_label{
          font-size: 1.3rem;
        }
    }
  }
}